﻿/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu::base */

div#menu {
    height:28px;
    background:#afbbc6 url(../images/menutop/topmenu-bg.png) repeat-x;
    /*border-bottom: 0.8px solid rgb(74,81,85);*/
    border-bottom: 0.8px solid #afbbc6;
    border-right: 0.8px solid #afbbc6;
    border-left: 0.8px solid #afbbc6;
    _background:url(../images/menutop/nav-bg.gif) repeat-x;
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-left: 30px;
}

div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}
   
div#menu li:hover>ul {
    left: -2px;
}

div#menu li div {
    list-style: none;
    float: left;
    position: absolute;
    top: 27px;
    left: 0;
    width: 208px;
    z-index: 11;
    visibility: hidden;
    padding: 0 0 9px 7px;
    _padding: 0 0 9px 3px;
    background: url(../images/menutop/submenu-bottom.png) no-repeat 7px bottom;
    _background-image: url(../images/menutop/submenu-bottom.gif);
    margin: 0 0 0 -9px;
}
div#menu li:hover>div {
    visibility: visible;
}

div#menu li.current a {}

/* menu::level1 */
div#menu a {
    position: relative;
    z-index: 10;
    height: 28px;
    display: block;
    float: left;	
    padding: 0 10px 0 10px;
    line-height: 28px;
    text-decoration: none;
}
div#menu span {
    font: normal 14px 'Tahoma', 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;
    padding-top: /*18px*/ 7px;
    color:#1160B7 /*#787878*/;
    font-weight:bold;
    /*text-transform:uppercase;*/
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;		
}
div#menu ul a:hover span {
    color: #318ED1 /*#353535*/;
}

div#menu li { background: url(../images/menutop/nav_separator.png) top left no-repeat; }
div#menu li.last span{
    background: url(../images/menutop/nav_separator.png) top right no-repeat;
    padding: 18px 10px 16px 0;
}

/* menu::level2 */
div#menu ul ul li {
    background: url(../images/menutop/nav_dropdown_sep.gif) left bottom repeat-x;
    padding: 2px 0 2px 0;
    z-index: 9;	
}
div#menu ul ul {
    z-index: 12;	
    padding: 0;
    background: rgb(226,226,226) url(../images/menutop/nav_dropdown_grad.png) right top no-repeat;
    margin-top:0px;
    margin-left:4px;
    margin-right:5px;
}
div#menu ul ul a {
  	width: 184px;
	padding: 0px 7px 1px 8px;
    height: auto;
    float: none;
    display: block;
    background:none;
    margin-bottom: 2px;
    z-index: -1;
}
div#menu ul ul a span {
	padding: 0 5px 0px 5px;
    line-height: 20px;
    /*color:#454545;*/
    color:#1160B7 /*#787878*/;
    font-weight:normal;
    text-transform: none;
    background:none;
}
div#menu ul ul a.parent {
    background: url(../images/menutop/arrow.png) no-repeat 168px 2px;
}
div#menu ul ul a.parent:hover {
    background: url(../images/menutop/submenu-selected-bottom.gif) no-repeat 8px bottom;
}
div#menu ul ul a.parent:hover span {
    /*background: url(../images/menutop/submenu-selected-bottom.gif) no-repeat 8px bottom;*/
    background: url(../images/menutop/arrow-white.png) no-repeat 160px 2px;
}
div#menu ul ul a:hover {
    background: url(../images/menutop/submenu-selected-bottom.gif) no-repeat 8px bottom;
}
div#menu ul ul a:hover span {
    background: url(../images/menutop/submenu-selected-top.gif) no-repeat 0px 0px;
    color: #fff;
}

div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
    width: 208px;
    margin: -32px 0 0 190px !important;
    height: auto;
    _padding: 0 0 9px 3px;
}
div#menu ul ul ul {
	_padding-right:1px;
}

/* lava lamp */
div#menu li.back {
}
div#menu li.back .left {
}
.leftmenu
{
    font-family: Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border:#91a7b4 1px solid;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid #949494;
	-moz-box-shadow:
		0px 0px 7px rgba(000,000,000,0.5),
		inset 0px 0px 17px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 7px rgba(000,000,000,0.5),
		inset 0px 0px 17px rgba(255,255,255,1);
}
.btnHomemenu
{
    background-image: url('../images/menutop/homemenu.png');
    height:28px;
    background-color:transparent;
    width:90px;
    z-index:9001;
    position:absolute;
    margin-top:-13px;
    margin-left:0px;
    border:none;
}
.btnHomemenu:hover
{
    background-image: url('../images/menutop/homemenu_hover.png');
   height:28px;
    background-color:transparent;
    width:90px;
    border:none;
}

/*Leff menu*/
#divLeft{position:absolute;top:0px;z-index:8990;}* html 
#divLeft{position:relative;}
.gbtab{height:61px;z-index:8991;width:12px;top:255px;display:block;position:fixed;float:left;cursor:pointer;background:url('../images/menutop/leftmenu.png') no-repeat;}
.gbcontent{float:left;border:2px solid #990000;background:#F5F5F5;padding:10px;}
.divleftmenu
{
    width:18%;float:left;
    background: -webkit-linear-gradient(left, white, #DCDEE0);
    background: -moz-linear-gradient(left, white, #DCDEE0);
    background: -0-linear-gradient(left, white, #DCDEE0);
    background: linear-gradient(left, white, #DCDEE0);
}
/*end left menu*/

/*LEFT TOP menu */
.lefttop_td
{
    border-bottom: 1px solid #CDD0D4;
    height:33px;
    width:100%; 
    border-left: 1px solid #CDD0D4;
    background: -webkit-linear-gradient(left, white, #DCDEE0);
    background: -moz-linear-gradient(left, white, #DCDEE0);
    background: -0-linear-gradient(left, white, #DCDEE0);
    background: linear-gradient(left, white, #DCDEE0);
    padding-left: 17px;
}
.lefttop_td:hover
{
    border-bottom: 1px solid #CDD0D4;
    height:33px;
    width:100%; 
    border-left: 0px solid transparent;
    background: -webkit-linear-gradient(left, white, #DCDEE0);
    background: -moz-linear-gradient(left, white, #DCDEE0);
    background: -0-linear-gradient(left, white, #DCDEE0);
    background: linear-gradient(left, white, #DCDEE0);
    padding-left: 17px;
}
.lefttop_td a:hover
{
    outline : none;
    font-size:10pt;
    color:#B56C05;
}
.lefttop_td a:link
{
    outline : none;
}

/* Phóng to thư nhỏ Emplist */

#listbox_container { padding-top: 0; z-index: 1; } 
#listbox_sidebar_tabs { position: relative; border-color: #DADDE0; } 
#listbox_sidebar_tabs { padding: 0; } 
#listbox_sidebar_tabs li a { border-color: #DADDE0; padding: 5px 15px; } 
#listbox_sidebar_tabs li.current a, #listbox_container > div  
{
    background: #F8FAFC; filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important; } 
#listbox_sidebar_tabs a.folder_browser_controls  
{
    height: 17px; width: 16px; float: right; padding: 0; margin: 5px; border: none; 
    background-color: transparent; background-repeat: no-repeat; background-position: right 0; } 
#listbox_sidebar_tabs .btn_expandlistview .arrow-in { display: none; } 
#listbox_container.expand_folderview #listbox_sidebar_tabs .btn_expandlistview .arrow-out { display: none; } 
#listbox_container.expand_folderview #listbox_sidebar_tabs .btn_expandlistview .arrow-in { display: block; } 
#myfiles_wrap.searchmode #btn_browser_createfolder_trigger { display: none; } 
#listbox_sidebar { position: relative; border-color: #DADDE0; z-index: 2; } 
#listbox_sidebar div.sidebar_content { padding: 10px 0; } 
#listbox_sidebar .indicator-up { top: 0px; left: 50%; margin-left: -4px; display: none; } 
#listbox_sidebar .indicator-down { bottom: 0px; left: 50%; margin-left: -4px; display: none; } 
#listbox_sidebar div.folderlist_content { padding: 0; overflow: auto; overflow-x: hidden; height: 100%; margin: 0 10px 0 0; z-index: 4; } 
#listbox_sidebar div.folderlist_content_outer { position: relative; z-index: 3; } 
#listbox_sidebar li .folder_name { cursor: move; cursor: grab; cursor: hand; cursor: -moz-grab; } 
#listbox_sidebar #nav-myfiles > .folder_name, 
#listbox_sidebar .nav-linked-folder .folder_name { cursor: pointer; } 
#listbox_sidebar ul li a.folder_name.root_folder:hover { background-image: none; }
#listbox_container.expand_folderview #listbox_sidebar  
{
    position: fixed; width: 500px; top: 28px; left: 15px; bottom: 15px; border-width: 0px; 
    margin: 0; padding: 10px 30px 10px 10px; border-radius: 4px; background: #fff; 
    -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0,0,0,.3); 
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0,0,0,.3); 
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0,0,0,.3); } 
#listbox_container.expand_folderview 
#listbox_sidebar div.folderlist_content_outer { height: 100%; } 
#listbox_container.expand_folderview #listbox_sidebar div.folderlist_content { margin: 0; height: 100% !important; overflow: auto !important; } 
#listbox_container.expand_folderview #listbox_sidebar ul li { font-size: 13px; background-position: 0 3px; }
 #listbox_container.expand_folderview #listbox_sidebar ul li a { padding: 5px 0 5px 40px; height: 18px; font-size: 14px; font-weight: bold; } 
 #listbox_container.expand_folderview #listbox_sidebar ul li a.folder_name { background-position: 18px 7px; } 
 #listbox_container.expand_folderview #listbox_sidebar ul li a.folder_arrow { top: 8px; padding: 0; } 
 #listbox_container.expand_folderview #listbox_sidebar ul li.expanded a.folder_arrow { top: 7px !important; } 
 #listbox_container.expand_folderview div.sidebar_content { height: 100%; padding: 0; } 
 /*#myfiles_wrap.drag_active #listbox_container.expand_folderview div.folderlist_content{ overflow: hidden; padding-right: 62px !important; }*/ 
 #listbox_container div.go_up, #listbox_container div.go_down { display: none; } 
 /*#myfiles_wrap.drag_active #listbox_container.expand_folderview div.go_up, #my
files_wrap.drag_active #listbox_container.expand_folderview div.go_down { display: block; }*/ 
#listbox_container #listbox_sidebar .popup-close { display: none; top: 8px; right: 8px; } 
#listbox_container.expand_folderview #listbox_sidebar .popup-close { display: block; } 
#listbox_container.expand_folderview #listbox_sidebar_tabs { display: none; } 



.tabs > ul li a:hover { text-decoration: none; } 
.tabs > ul li span:hover .ico16 { background-position-y: -20px; } 
.tabs ul li.current span:hover .ico16 { background-position-y: -40px } 
.tabs > ul li.current a, .tabs > ul li.current > span  
{
    background: #F0F2F6; cursor: default; 
    border-bottom: 0px solid #F0F2F6; 
    border-bottom-left-radius: 2px; 
    border-bottom-right-radius: 2px; 
    height: 22px; 
    color: #000; } 
.tabs > ul li.current:first-child a { border-bottom-left-radius: 0px; border-bottom-right-radius: 2px; }
.tabs > ul  
{
    padding: 9px 0 0 0px; 
    height: 31px; 
    border-bottom: 1px solid #CDD0D4; 
    box-shadow: 0 1px 0 0 #fff; 
} 

.popup-title  
{
    font-size: 16px; 
    font-weight: bold; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    padding: 15px; float: left; } 
.popup-close  
{
    position: absolute; 
    z-index:2;
    top: 15px; right: 15px; 
    height: 17px; width: 16px; 
    background: url(Images/menutop/icon-sprite-16.png) -980px 0; } 
.popup-close:hover { background-position: -980px -20px; } 
.popup-content { padding: 0 15px 15px; clear: both; } 
.popup-content input[type="text"] { width: 400px; margin-bottom: 3px; } 
.popup-content label { display: block; margin-top: 5px; } 
.popup-btns { padding: 0 15px 15px; overflow: auto; } 
.popup-btns input[type="submit"], .popup-btns input[type="reset"], 
.popup-btns a, .popup-btns button { float: right; margin: 0 0 0 10px; } 



.ico16.arrow-out {
background-position: -1100px 0px;
}
.ico16 { background-position-y: -20px; }
.ico16 {
display: block;
float: left;
width: 16px;
height: 17px;
margin: 3px 10px 0 0;
background: url(../images/menutop/icon-sprite-16.png) no-repeat;
}

/*end phóng to */








/* menu son them */


.bgcatalog {
    float: left;
}
.menucontext {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    width: 558px;
    background: url("../images/menutop/topmenu-bg.png") repeat-x scroll 0 0 #AFBBC6;
    
}

ul, li {
    border: 0 none;
     font: 14px 'Tahoma','Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
ul.ur {
    border-top: 0 none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.ur > li.lr {
    display: block;
    float: left;
    height: 24px;
    line-height: 29px;
    padding-left: 3px;
    padding-top: 5px;
    position: relative;
    text-align: center;
    width: 89px;
   
}
li.lr > div > a 
{
    font: bold 14px 'Tahoma','Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif; 
    color: #1160B7;
}
div.child > ul > li > a {
    color: #1160B7;
    padding-left: 10px;
    font-size:13px;
}
div.child > ul > li > a:hover, div.child > ul > li > ul > li > a:hover {
    background: url("../images/menutop/oran-arrow.png") no-repeat scroll 0 5px transparent;
    color: #fa5c5c;
   
}
div.child > ul > li > ul > li > a {
    color: #1160B7;
    font-size:13px;
    font-weight: normal;
    padding-left: 15px;
}
li.lr a {
    cursor: pointer;
    font: 13px 'Tahoma','Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif; 
    font-weight: bold;
    text-decoration: none;
}
li.lr a:hover {
     text-decoration:none;
}
li.lr > div.tr {
    height: 30px;
}
li.lr > div.tr img {
    float: right;
    margin-top: 8px;
}
li.lr:hover div.tr {
    /*background: url("menu-hover-bg.png") no-repeat scroll 0 0 #FFFFFF;*/
    height: 32px;
    margin-left: -10px;
    padding-left: 10px;
    position: absolute;
    width: 100px;
    z-index: 999999;
}
li.lr:hover
{
    background-color:#CDD0D4;
    height:10px;
    width:20px;
}
li.lr > div.child 
{
   /* 
    background: none repeat scroll 0 0 #FFFFFF; */
    background-color:#e4ecea;
    border-bottom: 1px solid #CECECE;
    border-left: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    border-top: 1px solid #CECECE;
    display: none;
    left:0px;
    margin-top: 32px;
    position: absolute;
    top: -2px;
    width: 840px;
    z-index: 11000;
    text-align:left;
    
}
li.lr:hover > div.child {
    display: inline-block;
}
li.lr > div.child ul {
    margin-left:12px;
}
li.lr > div.child ul li {
    display: block;
    line-height: 22px;
    padding-left:2px;
    padding-bottom:5px;
}
li.lr > div.child > ul {
    float: left;
    width: 157px;
}
ul.child-child
{
    margin-left:35px !important ;
}
ul.child-child  > li a:hover {
    background: url("../images/menutop/oran-arrow.png") no-repeat scroll 0 5px transparent !important;
    color: #FFA007 !important;
    font-size:14px;
   
}
ul.child-child > li a {
    color: #1160B7;
    font-weight: normal;
    padding-left: 10px;
    font-size:14px;
}